<%--
  Created by IntelliJ IDEA.
  User: macbookpro
  Date: 2023/10/18
  Time: 23:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册</title>

    <link rel="stylesheet" href="fonts-materal/css/material-design-iconic-font.min.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="https://unpkg.com/coco-message/coco-message.min.js"></script>
    <link rel="shortcut icon" href="https://static.arkread.com/ark/pics/favicon/favicon.ba37640e.ico" type="image/x-icon"/>
    <link rel="mask-icon" href="https://static.arkread.com/ark/pics/favicon/safari-mask-icon.714e3ee0.svg" color="#5795aa"/>
</head>
<body>

<div class="main">

    <!-- Sign up form -->
    <section class="signup">
        <div class="container">
            <div class="signup-content">
                <div class="signup-form">
                    <h2 class="form-title">注&nbsp;册</h2>

                    <form method="post" onsubmit="return false" action="#" id="registration-form">
                        <div class="form-group">
                            <label for="username"><i
                                    class="zmdi zmdi-account material-icons-name"></i></label> <input class="login-input"
                                                                                                      type="text" name="username" id="username" placeholder="用户名" onblur="checkInput(event)"/>
                        </div>
                        <div class="form-group">
                            <label for="password"><i class="zmdi zmdi-lock"></i></label> <input class="login-input show-off1"
                                                                                                type="password" name="password" id="password" placeholder="密码"  onblur="checkInput(event)"/>
                            <span class="show-off2" id="passwordError">&#10006;</span>
                            <span class="show-off" id="passwordIndicator">✔</span>
                        </div>
                        <div class="form-group">
                            <label for="confirm-password"><i class="zmdi zmdi-lock-outline"></i></label>
                            <input type="password" class="login-input show-off1" name="password1" id="confirm-password" placeholder="再次确认密码" onblur="checkInput(event)"/>
                            <span class="show-off2" id="passwordError1">&#10006;</span>
                            <span class="show-off" id="passwordIndicator1">✔</span>
                        </div>
                        <div class="form-group">
                            <label for="password"><i class="zmdi zmdi-lock"></i></label> <input class="show-off1"
                                                                                                type="text" name="confirmCode" id="confirmCode" placeholder="验证码" />
                            <button type="button" class="confirm-button" id="sendVerificationCode" onclick="startCountdown()">获取验证码</button>
                        </div>
                        <div class="form-group">
                            <input type="checkbox" name="agree-term" id="agree-term"
                                   class="agree-term" /> <label for="agree-term"
                                                                class="label-agree-term"><span><span></span></span>我同意<a href="#" class="term-service">《服务条款》</a></label>中的所有声明
                        </div>
                        <div class="form-group form-button">
                            <input type="submit" name="signup" id="signup"
                                   class="form-submit" value="注册" />
                        </div>
                    </form>
                </div>
                <div class="signup-image">
                    <figure>
                        <img src="images/signup-image.jpg" alt="sing up image">
                    </figure>
                    <a href="userLogin.jsp" class="signup-image-link">已经存在一个账户，立即登录</a>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- JS -->
<script src="js/register.js"></script>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</body>
</html>
